<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内网首页</title>
    <link rel="stylesheet" href="./src/css/reset.css">
    <link rel="stylesheet" href="./src/css/home.css">
</head>
<body>
    <div class="Intranet-home-wrap">
        <!--头部-->
        <div class="intranet-header-wrap">
            <img src="src/images/navBg.png" alt="" width="100%" height="100%">
            <div class="intranet-header banxin clearfix" >
                <div class="fl intranet-header-logo">
                    <img src="./src/images/logo.png" alt="" class="logo">
                    <span class="header-name">天津市港口统一收费服务管理平台</span>
                </div>
                <div class="fr intranet-header-search clearfix">
                    <div class="header-search">
                        <input type="text" placeholder="输入搜索的内容" class="fl">
                        <img src="src/images/search.png" alt="" class="header-search-icon fr">
                    </div>
                    <img src="./src/images/personal-center.png" alt="" class="header-person-center">
                    <img src="src/images/message.png" alt="" class="header-message">
                    <img src="src/images/sign-out.png" alt="" class="header-sign-out">
                </div>
            </div>
        </div>

        <!--运行数据-->
        <div class="intranet-data-wrap">
            <div class="intranet-data banxin">
                <div class="data-title">运行数据</div>
                <div class="data-sub-title">整合运营情况，为您分析入驻企业概括、预警、信用、缴费放行时效性等</div>
                <div class="data-content">
                    <!--入驻企业-->
                    <div class="data-content-item data-item-enterprise">
                        <img src="src/images/data-headerBg1.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">入住企业(家)</div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">1000</div>
                                <div class="data-item-text">当月入驻</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">1000</div>
                                <div class="data-item-text">当月入驻</div>
                            </div>
                        </div>
                    </div>

                    <!--当月缴费清单-->
                    <div class="data-content-item data-item-monthPay">
                        <img src="src/images/data-headerBg2.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">
                                <p>当月</p>
                                <p>缴费（万）</p>
                            </div>
                            <div class="data-header-item">
                                <p>环比</p>
                                <p>情况(万)</p>
                            </div>
                            <div class="data-header-item">
                                <p>同比</p>
                                <p>情况(万)</p>
                            </div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">10</div>
                                <div class="data-item-text">10%</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">
                                    <div class="data-item-icon">
                                        <img src="src/images/xia.png" alt="">
                                    </div>
                                    1
                                </div>
                                <div class="data-item-text">12%</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">
                                    <div class="data-item-icon">
                                        <img src="src/images/shang.png" alt="">
                                     </div>
                                    <div>2</div>
                                </div>
                                <div class="data-item-text">9%</div>
                            </div>
                        </div>
                    </div>

                    <!--当月平均通行效率-->
                    <div class="data-content-item data-item-efficiency">
                        <img src="src/images/data-headerBg3.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">
                                <p>当月平均同行效率</p>
                                <p>（单/小时）</p>
                            </div>
                            <div class="data-header-item">
                                <p>待放行</p>
                                <p>（单）</p>
                            </div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">10</div>
                                <div class="data-item-text">10%</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">1</div>
                                <div class="data-item-text">12%</div>
                            </div>
                        </div>
                    </div>
                    <!--信用风险-->
                    <div class="data-content-item data-item-enterprise">
                        <img src="src/images/data-headerBg1.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">信用风险</div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">
                                  10
                                </div>
                                <div class="data-item-text">风险企业数量</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-Arrow">
                                    <span>5%</span>
                                    <img src="src/images/jiantou.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--AB级-->
                    <div class="data-content-item data-item-monthPay">
                        <img src="src/images/data-headerBg2.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">
                                <p>A级</p>
                                <p>(家)</p>
                            </div>
                            <div class="data-header-item">
                                <p>B级</p>
                                <p>(家)</p>
                            </div>
                            <div class="data-header-item">
                                <p>C级</p>
                                <p>(家)</p>
                            </div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">10</div>
                                <div class="data-item-text">10%</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">
                                    1
                                </div>
                                <div class="data-item-text">12%</div>
                            </div>
                            <div class="data-list-item">
                                <div class="data-item-number">
                                    <div>2</div>
                                </div>
                                <div class="data-item-text">9%</div>
                            </div>
                        </div>
                    </div>
                    <!--收费项目总数-->
                    <div class="data-content-item data-item-efficiency">
                        <img src="src/images/data-headerBg3.png" alt="" width="100%" height="55">
                        <div class="data-item-header">
                            <div class="data-header-item">
                                收费项目总数
                            </div>
                        </div>
                        <div class="data-list">
                            <div class="data-list-item">
                                <div class="data-item-number">100</div>
                                <div class="data-item-text">10%</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--业务系统-->
        <div class="intranet-system-wrap">
            <div class="intranet-system banxin">
                <div class="system-title">业务系统</div>
                <div class="system-sub-title">着力推进企业信息化建设，企业业务系统集成，提高工作效率。</div>
                <div class="system-content">
                    <div class="system-list">
                        <div class="system-list-item system-item-active">
                            <div class="system-mark">
                                <img src="src/images/price.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">价格系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                        <div class="system-list-item">
                            <div class="system-mark">
                                <img src="src/images/system.png" alt="" class="system-img">
                            </div>
                            <p class="system-item-content">业务系统</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--业务信息-->
        <div class="intranet-message-wrap">
            <div class="intranet-message banxin">
                <div class="message-title">业务信息</div>
                <div class="message-subTitle">最新的通知通告快速通知，最全的管理办法快速掌握。</div>
                <div class="message-content">
                    <!--通知通告-->
                    <div class="message-notice message-content-item">
                        <div class="message-notice-nav">
                            <div class="message-notice-nav-item">通知通告</div>
                        </div>
                        <div class="message-notice-list">
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon1.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>

                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon1.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>

                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon1.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon1.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon1.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                        </div>
                    </div>

                    <!--其他事项-->
                    <div class="message-other message-content-item">
                        <div class="message-notice-nav">
                            <div class="message-notice-nav-item">其他事项</div>
                        </div>
                        <div class="message-notice-list">
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon2.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>

                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon2.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>

                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon2.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon2.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                            <div class="message-notice-item">
                                <div  class="item-icon"><img src="src/images/list-icon2.png" alt=""></div>
                                <div class="item-content">通知通知通知通知通知通知通知通知通知通知ddddddddddddddd</div>
                                <div class="line">|</div>
                                <div class="time">2018-09-08</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--底部-->
        <div class="intranet-footer">门户 版权所有 2008-2014 某ICP备8888888</div>
    </div>
</body>
</html>